<!DOCTYPE html>
<html>
<head>
    <title>风景</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="../style/progress.css">
    <link rel="stylesheet" type="text/css" href="../style/view.css">
    <script src="../JavaScript/jquery-3.3.1.min.js"></script>
    <script src="../JavaScript/leaves.js"></script>

</head>
<body>
<div id="container">
    <div id="all">
        <div id="first">
            <div id="hanzi" style="background-image: url('../image/view-images/top.png');
            background-repeat: no-repeat;
            background-size: 150px 150px;">
                <table>
                    <tr>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                    </tr>
                </table>
            </div>
            <div id="progress">
                <div id="top"></div>
                <div id="left"></div>
            </div>
        </div>
        <div id="title">
            <span>—— 西安风景 ——</span>
        </div>
        <div id="second">
            <div class="intor">
                <img src="../image/view-images/bg.png">
                <span>西安地处四关之中，秦岭北麓，渭水之南。有“十三朝古都”之称，这些伟大的王朝在西安留下了许多的历史遗迹。
                    其中有 兵马俑、大雁塔、钟鼓楼等。 长安文化影响极其深远，由于建都长安的周、秦、汉、隋、唐是中国古代最为强盛和文明的黄金时代，也因此留下无数的历史遗迹，被誉为天然历史博物馆。
                    </span>
                <span></span>
            </div>
            <div class="middle">
                <div class="left-part">
                    <div class="port-4 effect-1">
                        <div class="photo image-box">
                            <img src="../image/view-images/兵马俑.jpg">
                        </div>
                        <div class="text-desc">
                            <h3>秦始皇兵马俑</h3>
                            <p style="font-size: 17px"> 兵马俑，即秦始皇兵马俑，亦简称秦兵马俑或秦俑，第一批全国重点文物保护单位，第一批中国世界遗产，位于今陕西省西安市临潼区秦始皇陵以东1.5千米处的兵马俑坑内。</p>
                        </div>
                    </div>
                    <div class="photo img-content">
                        <br>
                        <span>--- ❤ ---</span><br>
                        <span>在风景中</span>
                        <span>看历史</span><br>
                    </div>
                    <div class="port-4 effect-1">
                    <div class="photo image-box">
                        <img src="../image/view-images/钟楼.jpg" style=" width: 520px;
    height: 320px;">
                    </div>
                     <div class="text-desc">
                         <h3>钟楼</h3>
                         <p>钟鼓楼广场建于上世纪90年代末期，始建之初将建于两楼之间的杂乱建筑拆除，
                             使从前很难相见的钟楼和鼓楼“相见尽欢颜”，成为了西安市一大景观，钟鼓
                             楼广场是一项古迹保护与旧城更新的综合性工程。环境艺术设计沿着“晨钟暮
                             鼓”这一主题向古今双向延伸，在空间处理上吸取中国传统空间组景经验，与
                             现代城市外部空间的理论相结合，为古城西安提供了一个“城市客厅”。</p>
                     </div>
                    </div>
                </div>
                <div class="right-part">
                    <div class="port-4 effect-2">
                        <div class="photo image-box">
                            <img src="../image/view-images/大雁塔.jpg" >
                        </div>
                        <div class="text-desc">
                            <h3>大雁塔</h3>
                            <p style="font-size: 17px">大雁塔位于唐长安城晋昌坊（今陕西省西安市南）的大慈恩寺内，又名“慈恩寺塔”
                                。唐 永徽三年（652年）， 玄奘为保存由 天竺经 丝绸之路带回 长安的经卷佛像
                                主持修建了大雁塔，最初五层，后加盖至九层，再后层数和高度又有数次变更，最
                                后固定为今天所看到的七层塔身，通高64.517米，底层边长25.5米。</p>
                        </div>
                    </div>
                    <div class="photo img-content2">
                        <br>
                        <span style="font-size: 60px">“</span><br>
                        <span>西有罗马</span>
                        <span>东有长安</span>
                        <span>十三朝古都</span>
                        <span style="font-size: 50px">×</span>
                        <span>随着日转星移</span>
                        <span>沉寂于</span>
                        <span>历史长河</span>
                        <span style="font-size: 60px">“</span>
                    </div>
                </div>
            </div>
            <div id="two-all">
                <div class="two-top">
                    <span>——  那些不为人知的美丽  ——</span>
                </div>
                <hr>
                <div class="two-left">
                    <span>大华 一九三五</span>
                    <span>陕西历史博物馆</span>
                    <span>高家大院的民居院落</span>
                    <span>中国唐苑</span>
                    <span>城墙</span>
                    <span>曲江遗址公园</span>
                </div>
                <div class="two-mid">
                    <div class="mid1" style="display: inline-block">
                        <img src="../image/view-images/bg.jpg" style="border-radius: 10px">
                    </div>
                </div>
                <div class="two-right">
                    <span>五星街教堂</span>
                    <span>如书中所写的白鹿原</span>
                    <span>荐福寺内的小雁塔</span>
                    <span>书院门</span>
                    <span>粉巷</span>
                    <span>德福巷</span>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="../JavaScript/progress-view.js"></script>
</body>
</html>